<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>GCMS</title>
    <link rel="stylesheet" href="/webjars/bootstrap/3.4.1/css/bootstrap.css">
    <script src="/webjars/jquery/1.11.1/jquery.min.js"></script>
    <script src="/webjars/bootstrap/3.4.1/js/bootstrap.min.js"></script>
</head>
<style>
    * {
        margin: 0;
        padding: 0;
    }

    body {
        background-color: #3d3d3d;
    }

    .cms-header {
        width: 100%;
        height: 52px;
        background-color: #3d3d3d;
        border: #080808 1px solid;
    }

    .navbar-inverse {
        background-color: #3d3d3d;
    }

    .list-group-item-heading {
        color: #ffffff;
    }

    .media-body, .pull-left {
        color: #999999;
    }
</style>
<body>
<#include "header.ftl">
<div class="container" style="margin-top: 25px">
    <div class="row">
        <div class="col-md-8" style="color: #999999; word-wrap:break-word">
            <@g_article articleId="${ArticleId}">
                <h2 style="color: #ffffff">${article.title} <small> ${article.author} </small></h2>
                <p style="word-wrap:break-word; text-align:justify;">${article.content}</p>
            </@g_article>
        </div>
        <div class="col-md-4">
            <#include "catalogRightNav.ftl">
        </div>
    </div>
    <#include "footer.ftl">
</div>
</body>
</html>